<template>
    <div>
      <el-button @click="show3 = !show3">Click Me</el-button>
  
      <div style="margin-top: 20px; height: 200px">
        <el-collapse-transition>
          <div v-show="show3" class="showSomething">
            <div class="transition-box">el-collapse-transition</div>
            <div class="transition-box">el-collapse-transition</div>
          </div>
        </el-collapse-transition>
      </div>
    </div>
  </template>
  
  <script>
      export default {
      data: () => ({
        show3: true
      })
    }
  </script>
  
  <style>
    .transition-box {
      margin-bottom: 10px;
      width: 200px;
      height: 100px;
      border-radius: 4px;
      background-color: #409EFF;
      text-align: center;
      color: #fff;
      padding: 40px 20px;
      box-sizing: border-box;
      margin-right: 20px;
    }
    .showSomething{
        display: flex;
        flex-direction: row;
    }
  </style>